<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../iquery和mock模板/jquery.min.js"></script>
    <script src="../iquery和mock模板/mock-min.js"></script>
    <script src="./api/teamock.js"></script>
    <script src="./js/茶叶回显.js"></script>
    <link rel="stylesheet" href="./茶叶.css">
</head>
<body>
       <!-- header -->
       <header> 
            <div class="head">
                <div class="logo"><img src="./img/img/logo.webp" alt=""></div>
                <ul class="table">
                    <li><a href="../01茶首页/茶首页.html">首页</a>
                        <div class="underline"></div>
                    </li>
                    <li><a href="../02茶关于/茶关于.html">关于</a>
                        <div class="underline"></div>
                    </li>
                    <li><a href="./茶叶.html">茶叶</a>
                        <div class="underline"></div>
                    </li>
                    <li><a href="../04茶基地/茶基地.html">基地</a>
                        <div class="underline"></div>
                    </li>
                    <li><a href="../05茶新闻/茶新闻.html">新闻</a>
                        <div class="underline"></div>
                    </li>
                    <li><a href="../06茶联系/茶联系.html">联系</a>
                        <div class="underline"></div>
                    </li>
                </ul>
                <div class="ico">
                    <div><img src="./img/img/搜索.png" alt="" ></div>
                    <div><img src="./img/img/用户.png" alt="" onclick="location.href=('../登录注册/登陆注册.html')"></div>
                    <div><img src="./img/img/购物车.png" alt="" onclick="location.href=('../购物车/view/购物车.html')"></div>
                </div>
            </div>
    </header>
    <!-- 茶类型 -->
    <div class="teatype">
        <div class="tea">茶叶</div>
        <div class="type">
            <li onclick="typeshow(7)">全部</li>
            <li onclick="typeshow(0)">绿茶</li>
            <li onclick="typeshow(1)">黄茶</li>
            <li onclick="typeshow(2)">乌龙茶</li>
            <li onclick="typeshow(3)">红茶</li>
            <li onclick="typeshow(4)">黑茶</li>
            <li onclick="typeshow(5)">白茶</li>
            <li onclick="typeshow(6)">花茶</li>
        </div>
    </div>

    <!-- 茶展示 -->
    <div class="teashow">

    </div>
     <!-- 页脚 -->
     <div class="foot">
        <div class="footle">
            <div>
                <div>联系</div>
                <div>Contact</div>
            </div>
            <div>
                <div>关注我们</div>
                <div>
                   
                        <img src="./img/img/微信图标.png" alt="">
                        <img src="./img/img/微博图标.png" alt="">
                </div>
            </div>
            <div class="gsjj">
                <div class="gsjjup" style="font-size: 16px;">起飞页自助建站平台</div>
                <div class="gsjjlo">
                    <div style="font-size: 14px;height: 25px;"><span>地址：苏州市建外SOHO东区2号楼</span></div>
                    <div style="font-size: 14px;height: 25px;"><span>邮编：100000</span></div>
                    <div style="font-size: 14px;height: 25px;"><span>电话：010-69557550</span></div>
                </div>
            </div>
        </div>
        <div  class="footri">
            <div>
                <div><img src="./img/img/wx.webp" alt=""></div>
                <div>微信</div>
            </div>
            <div>
                <div><img src="./img/img/wb.webp" alt=""></div>
                <div>微博</div>
            </div>
        </div>
     </div>
     <div class="talk">
        <div>COPYRIGHT (©) 2019 茶叶类网站  京ICP备11111111号</div>
     </div>

</body>
</html>